<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- 单独使用没有效果 需要在表单中定义内容 -->
    <form action="#" method="post"> <br>
        文本框： <input type="text" name="name" placeholder="提示信息"> <br>
        密码框：<input type="password" placeholder="请输入"> <br>
        单选按钮：<input type="radio" checked name="sex">男
        <input type="radio" name="sex">女 <br>

        复选框：<input type="checkbox" name="play">篮球
        <input type="checkbox" checked name="play">篮球
        <input type="checkbox" name="play">篮球 <br>
        上传文件：<input type="file" multiple> <br>
        普通按钮：<input type="button" value="普通按钮"> <br>


        <select>
            <option>北京</option>
            <option>上海</option>
            <option>广州</option>
            <option selected>深圳</option>
        </select>

        <br>

        <textarea name="" cols="30" rows="10"></textarea>
        <br>
        提交按钮：<input type="submit">
        重置按钮：<input type="reset">

        <!-- 按钮的其他写法 -->
        <button type="submit">提交</button>
        <button type="reset">重置</button>
        <button type="button">普通按钮</button>
    </form>


    <!-- 字符实体 -->

    <div>&lt;</div>
    <div>&gt;</div>
    好&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;好 学习

</body>

</html>